<template>
  <div>
 <!-- <div class="box"> -->
   <form action="/">
  <van-search
  class="search"
    v-model="value"
    show-action
    placeholder="请输入小区或地址"
    background="#f6f5f6"
    input-align="center"
    @search="onSearch"
    @cancel="onCancel"
  />
</form>
 <!-- </div> -->
  </div>
</template>

<script>
export default {
  name: 'HaokeArarname',

  data () {
    return {
      value: ''

    }
  },

  mounted () {

  },

  methods: {
    onSearch (val) {
      this.$toast(val)
    },
    onCancel () {
      this.$router.push('/house')
    }

  }
}
</script>

<style lang="less" scoped>
/deep/ .van-search__content{
  background-color: #fff;
}
</style>
